<template>
	<view class="success-box">
		<view class="box-head">
			<text class="title">{{title}}</text>
			<image src="/static/close.png" @click="close" mode=""></image>
		</view>
		<view class="box-body">
			<view class="body-img">
				<image src="/static/payIcon/pay-success.png" mode=""></image>
			</view>
			<view class="body-text">
				<view class="text-label">
					<text>商家：</text>
					<text>{{payData.hotel}}</text>
				</view>
				<view class="text-label">
					<text>交易金额：</text>
					<text>￥{{payData.money}}</text>
				</view>
				<view class="text-label">
					<text>支付方式：</text>
					<text>{{payData.payType}}</text>
				</view>
				<view class="text-label">
					<text>下单时间：</text>
					<text>{{payData.time}}</text>
				</view>
			</view>
		</view>
	</view>
		
	</view>
</template>

<script>
	export default{
		props:['payData'],
		data(){
			return{
				title:'支付成功',
				hotel:'龙芯昂酒店',
				money:698,
				payType:'微信支付',
				time:'2019-1-2'
			}
		},
		methods:{
			close(){
				//#ifdef APP-PLUS|| MP-WEIXIN
				this.$parent.closeBox();
				//#endif
				//#ifndef APP-PLUS|| MP-WEIXIN
				this.$parent.$parent.closeBox();
				//#endif
			}
		}
	}
	
	
</script>

<style scoped>
	.success-box{
		width: 606upx;
		height: 627upx;
		left: 72upx;
		right: 72upx;
		top: 382upx;
		z-index: 30;
		border-radius: 20upx;
		background: #FFFFFF;
		box-shadow:1px 1px 10px 0px #928e8e;
		position: fixed;
	}
	.box-head{
		width: 100%;
		height: 100upx;
		position: relative;
	}
	.title{
		width: 100%;
		height: 100upx;
		font-size: 36upx;
		text-align: center;
		line-height: 100upx;
		display: block;
		position: absolute;
		color: #333333;
	}
	.box-head image{
		width: 26upx;
		height: 26upx;
		min-width: 15px;
		min-height: 15px;
		top: 41upx;
		right: 37upx;
		position: absolute;
		z-index: 35;
		/* float: right; */
	 }
	.box-body{
		width: 100%;
		height: auto;
		margin-top: 30upx;
	}
	.body-img{
		width: 100%;
		height: auto;
		text-align: center;
	}
	.body-img image{
		width: 85upx;
		height: 85upx;
	}
	.body-text{
		width: 410upx;
		margin-left: auto;
		margin-right: auto;
		margin-top: 60upx;
	}
	.text-label{
		width: 100%;
		height: 80upx;
	}
	.text-label text{
		height: auto;
		font-size: 28upx;
		height: 80upx;
		line-break: 80upx;
		display: block;
		color: #666666;
		float: left;
	} 
</style>
